/**************************************
These are all style for the typography.
**************************************/

/*This is the theme color

	Yellow :  #fec301
	Grey :  #333333
	Light Grey : #676767
	Lighter Grey : #dbdbdb

/*==========================*/

body { font-size:130%}
h1 { font-size:278%; 
	font-family:'thaisans_neueultra_bold',
			"HelveticaNeue-Light", 
			"Helvetica Neue Light", 
			"Helvetica Neue", 
			Helvetica, Arial, 
			"Lucida Grande", sans-serif;}
h2 { font-size:180%;
	font-family:'thaisans_neueultra_bold',
			"HelveticaNeue-Light", 
			"Helvetica Neue Light", 
			"Helvetica Neue", 
			Helvetica, Arial, 
			"Lucida Grande", sans-serif;}
h3 { font-size:150%;
font-family:'thaisans_neueultra_bold',
			"HelveticaNeue-Light", 
			"Helvetica Neue Light", 
			"Helvetica Neue", 
			Helvetica, Arial, 
			"Lucida Grande", sans-serif;}
h4 { font-size:130%;
	font-family:'thaisans_neuebold',
			"HelveticaNeue-Light", 
			"Helvetica Neue Light", 
			"Helvetica Neue", 
			Helvetica, Arial, 
			"Lucida Grande", sans-serif;}
h5 { font-size:100%;
	font-family:'thaisans_neuebold',
			"HelveticaNeue-Light", 
			"Helvetica Neue Light", 
			"Helvetica Neue", 
			Helvetica, Arial, 
			"Lucida Grande", sans-serif;}
	
@media only screen and (max-width: 480px) {
    body { font-size:130%}
	h1 { font-size:200%;}
	h2 { font-size:180%;}
	h3 { font-size:150%;}
	h4 { font-size:130%;}
	h5 { font-size:100%;}
}
@media only screen and (min-width: 768px) {
    body { font-size:130%}
	h1 { font-size:200%;}
	h2 { font-size:180%;}
	h3 { font-size:150%;}
	h4 { font-size:130%;}
	h5 { font-size:100%;}
}  
@media only screen and (min-width: 992px) {
    body { font-size:130%}
	h1 { font-size:200%;}
	h2 { font-size:180%;}
	h3 { font-size:150%;}
	h4 { font-size:130%;}
	h5 { font-size:100%;}
} 
@media only screen and (min-width: 1200px) {
    body { font-size:130%}
	h1 { font-size:278%/*257.1428571428571%*/;}
	h2 { font-size:214.2857142857143%;}
	h3 { font-size:171.4285714285714%;}
	h4 { font-size:128.5714285714286%;}
	h5 { font-size:100%;}
}



@font-face {
	font-family: 'VegurExtraLight';
	src: url('../font/vegur-el_0500-webfont.eot');
	src: local('☺'), url('../font/vegur-el_0500-webfont.eot?iefix') format('eot'), url('../font/vegur-el_0500-webfont.woff') format('woff'), url('../font/vegur-el_0500-webfont.ttf') format('truetype'), url('../font/vegur-el_0500-webfont.svg#webfontOP6q6JL7') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'VegurRegular';
	src: url('../font/vegur-r_0500-webfont.eot');
	src: local('☺'), url('../font/vegur-r_0500-webfont.eot?iefix') format('eot'), url('../font/vegur-r_0500-webfont.woff') format('woff'), url('../font/vegur-r_0500-webfont.ttf') format('truetype'), url('../font/vegur-r_0500-webfont.svg#webfontvtUd5bqk') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'VegurBold';
	src: url('../font/vegur-b_0500-webfont.eot');
	src: url('../font/vegur-b_0500-webfont.eot?iefix') format('eot'), url('../font/vegur-b_0500-webfont.woff') format('woff'), url('../font/vegur-b_0500-webfont.ttf') format('truetype'), url('../font/vegur-b_0500-webfont.svg#webfontjkCzIWTw') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BodoniStd-BookItalic';
	src: url('../font/BodoniStd-BookItalic.eot');
	src: url('../font/BodoniStd-BookItalic.eot?#iefix') format('embedded-opentype'), url('../font/BodoniStd-BookItalic.woff') format('woff'), url('../font/BodoniStd-BookItalic.ttf') format('truetype'), url('../font/BodoniStd-BookItalic.svg#BodoniStd-BookItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_THSarabunNew';
	src: url('../font/THSarabunNew.eot');
	src: local('☺'), url('../font/THSarabunNew.woff') format('woff'), url('../font/THSarabunNew.ttf') format('truetype'), url('../font/THSarabunNew.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Tankhun';
	src: url('../font/TPTankhun.eot');
	src: local('☺'), url('../font/TPTankhun.woff') format('woff'), url('../font/TPTankhun.ttf') format('truetype'), url('../font/TPTankhun.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Tankhun_Bold';
	src: url('../font/TPTankhun_Bold.eot');
	src: local('☺'), url('../font/TPTankhun_Bold.woff') format('woff'), url('../font/TPTankhun_Bold.ttf') format('truetype'), url('../font/TPTankhun_Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RSU_BOLD';
	src: url('../font/RSU_BOLD.eot');
	src: local('☺'), url('../font/RSU_BOLD.woff') format('woff'), url('../font/RSU_BOLD.ttf') format('truetype'), url('../font/RSU_BOLD.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RSU_light';
	src: url('../font/RSU_light.eot');
	src: local('☺'), url('../font/RSU_light.woff') format('woff'), url('../font/RSU_light.ttf') format('truetype'), url('../font/RSU_light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RSU_Regular';
	src: url('../font/RSU_Regular.eot');
	src: local('☺'), url('../font/RSU_Regular.woff') format('woff'), url('../font/RSU_Regular.ttf') format('truetype'), url('../font/RSU_Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BebasNeueRegular';
	src: url('../font/bebasneue-webfont.eot');
	src: local('☺'), url('../font/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('../font/bebasneue-webfont.woff') format('woff'), url('../font/bebasneue-webfont.ttf') format('truetype'), url('../font/bebasneue-webfont.svg#bebas_neueregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GeoSansLight';
	src: url('../font/geosanslight-webfont.eot');
	src: local('☺'), url('../font/geosanslight-webfont.woff') format('woff'), url('../font/geosanslight-webfont.ttf') format('truetype'), url('../font/geosanslight-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'QuarkBold';
	src: url('../font/Quark-Bold.eot');
	src: local('☺'), url('../font/Quark-Bold.woff') format('woff'), url('../font/Quark-Bold.ttf') format('truetype'), url('../font/Quark-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'QuarkLight';
	src: url('../font/Quark-Light.eot');
	src: local('☺'), url('../font/Quark-Light.woff') format('woff'), url('../font/Quark-Light.ttf') format('truetype'), url('../font/Quark-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FontCraftRegular';
	src: url('../font/fontcraft_ver_2.02-webfont.eot');
	src: local('☺'), url('../font/fontcraft_ver_2.02-webfont.eot?#iefix') format('embedded-opentype'),  url('../font/fontcraft_ver_2.02-webfont.woff') format('woff'),  url('../font/fontcraft_ver_2.02-webfont.ttf') format('truetype'),  url('../font/fontcraft_ver_2.02-webfont.svg#fontcraftregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ThaiSans';
	src: url('../font/thaisanslite_r1-webfont.eot');
	src: local('☺'), url('../font/thaisanslite_r1-webfont.eot?#iefix') format('embedded-opentype'),  url('../font/thaisanslite_r1-webfont.woff') format('woff'),  url('../font/thaisanslite_r1-webfont.ttf') format('truetype'),  url('../font/thaisanslite_r1-webfont.svg#thai_sans_literegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
